﻿@charset "utf-8";

/*■■■■■■■■　共同设定 ■■■■■■■■*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,tr,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

ul,ul li,li,input, dl, dd {  padding:0; margin:0; list-style-type:none;}

img,a img{border:0;margin:0;padding:0;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

a{text-decoration:none; color:#000;/*-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;*/}

a:hover{text-decoration:none; }

.clear{clear:both;}

*{ font-family:"Microsoft songti"; margin:0; padding:0 }

/* HTY Common Atom*/

.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}

.clear-fix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

.fl{float:left;}

.fr{float:right;}

.c_b{clear:both;}



textarea{resize:none; overflow:auto;}

/*■■■■■■■■　基本设定　■■■■■■■■*/

body{font-size:14px; color:#000; overflow-x:hidden; margin:0 auto;}

.banner1366,.headwap,.fddh{ display:none;}

.wl{ width:1200px; margin:0 auto;}

.head{ width:100%; position:relative;}

.head1{ position:absolute; left:0px; padding:0 30px; width:calc(100% - 60px); top:0px; z-index:999; color:#fff;}

.head1 a{color:#fff; font-weight:600; font-size:14px;}

.head1 .logo{ margin:20px 0 0 0;}

.headinfo{ margin:20px 0 0 0;}

.headinfo .a1,.headinfo .a2,.headinfo .a3{margin-top:5px;}

.headinfo .a1{ float:left; margin-right:25px; }

.headinfo .a1 div{ float:left;}

.headinfo .a1 .ico{ width:21px; height:13px; background:url(../images/hd_ico1.png) left center no-repeat; margin:3px 5px 0 0;}

.headinfo .a2{ float:left; margin-right:25px;}

.headinfo .a2 div{ float:left;}

.headinfo .a2 .ico{ width:24px; height:20px; background:url(../images/hd_ico2.png) left center no-repeat; margin:0px 10px 0 0;}

.headinfo .a3{ float:left; margin-right:25px; color:#fff;}

.headinfo .a4{ float:left;padding:8px 8px 5px 8px; background-color:#fff;} 

.headinfo .ssxl{ position:absolute; right:30px; top:100px; background-color:#fff; border-radius:5px; padding:10px;display:none}

.headinfo .ssxl form{ padding:0px 0 0px 5px; border-radius:5px;background-color:#fff;border: 1px solid #DBDBDB; overflow:hidden; ;}

.headinfo .ssxl .s{ padding:5px; border:0px;outline-style: none;}

.headinfo .ssxl .t{ padding:8px 10px;background-color:#497abc;border:0px; color:#fff;}

.headinfo .dh{ text-align:right; padding:0px 0 0 0;}

.headinfo .dh li{ float:left;position:relative; height:40px; line-height:40px; padding:0 20px; text-align:right; padding-bottom:10px;}

.headinfo .dh li:hover .ejlm{ display:block;}

.headinfo .dh a{ font-size:14px;  font-weight:600;}

.headinfo .dh .ejlm{ background-color:#fff; padding:10px 10px; position:absolute; left:0px; top:50px; width:100px; text-align:left; border-radius:10px; margin-left:-5px; display:none;}

.headinfo .dh .ejlm a{ color:#333; font-size:13px;}

.headinfo .dh .ejlm .n1{ border-bottom:1px solid #f1f1f1; height:30px; line-height:30px; text-align:center;}

.head2{ width:100%; text-align:center; position:absolute; left:0px; top:30%; font-size:40px; color:#fff; font-weight:600;}

.indexfenlei{margin:30px auto 30px auto; width:1200px; z-index:999; position:relative; background-color:#fff;}

.indexfenlei .a1,.indexfenlei .a2,.indexfenlei .a3,.indexfenlei .a4{ width:calc(25% - 31.5px); float:left;}

.indexfenlei .a1{background:#b9ecff url(../images/indexfl1.png) 30px center no-repeat;margin-right:2px;text-align:right;padding:15px 30px 15px 0;}

.indexfenlei .a2{background:#81ceff url(../images/indexfl2.png) 30px center no-repeat;margin-right:2px;text-align:right;padding:15px 30px 15px 0;}

.indexfenlei .a3{background:#b9d5ff url(../images/indexfl3.png) 30px center no-repeat;margin-right:2px;text-align:right;padding:15px 30px 15px 0;}

.indexfenlei .a4{background:#ffd4cb url(../images/indexfl4.png) 30px center no-repeat;text-align:right;padding:15px 30px 15px 0;}

.indexfenlei .b1{font-size:17px; font-weight:600; padding-top:5px;}

.indexfenlei .b2{ font-size:14px; font-weight:600;text-transform:Uppercase; padding:5px 0  0;}

.indexfenlei .a1 .b1{color:#0087b9;}

.indexfenlei .a2 .b1{color:#043d94;}

.indexfenlei .a3 .b1{color:#434bb2;}

.indexfenlei .a4 .b1{color:#e20e00;}

.indexfenlei .a1 .b2{color:#7cc5e1;}

.indexfenlei .a2 .b2{color:#4baae5;}

.indexfenlei .a3 .b2{color:#8dacdb;}

.indexfenlei .a4 .b2{color:#daa094;}



.indexmain{margin:30px auto;}

.index1 .gdnews{ width:520px; }

.index1 .gdnews .swiper-pagination{ top:260px; text-align:right; padding-right:20px; width:calc(100% - 20px) !important;}

.index1 .gdnews .swiper-pagination span{ width:10px !important; height:10px !important;background-color:#eee !important; opacity:1  !important;}

.index1 .gdnews .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#f00 !important;}

.index1 .gdnews .b1{ font-size:18px; color:#12ad74; margin:10px 0 10px 0;padding-left:5px;}

.index1 .gdnews .b2{ padding-bottom:15px;padding-left:5px;}

.index1 .gdnews .b2 a{ font-size:20px; font-weight:600;}

.index1 .gdnews .b3{ font-size:13px; color:#b4b4b4; margin-bottom:15px; padding-left:5px;}

.index1 .gdnews .b4 a{ background-color:#e51400; padding:8px 25px 8px 25px;display:block; float:left;}

.index1 .gdnews .b4 a img{ }



.index2{ width:400px; margin:0 35px ;}

.index2 .hd{ border-bottom:1px solid #ccc;border-top:1px solid #ccc;}

.index2 .hd li{ display:inline-block; font-size:15px; color:#8d8d8d; font-weight:600; height:35px; line-height:35px; cursor:pointer;}

.index2 .hd li:nth-child(1){ margin-right:20px;}

.index2 .hd li.on{ font-size:17px; color:#000; border-bottom:4px solid #e51400;}

.index2 .bd{ padding-top:6px;}

.index2 .bd li{ height:30px; line-height:30px;font-size:13px; color:#b4b4b4; cursor:pointer;}

.index2 .bd li:hover a{ text-decoration:underline; color:#002b6c;}

.index2 .bd a{ display:block; float:left; font-size:13px; color:#4f4f4f;}

.index2 .bd font{ display:block; float:right;}



.hangqing{width:116px;padding:20px 47px ; margin-bottom:10px;

background: -moz-linear-gradient(top, #f2f4f7 0%, #dde2ea 100%) ;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f4f7), color-stop(100%,#dde2ea))  ;

background: -webkit-linear-gradient(top, #f2f4f7 0%,#dde2ea 100%) ;

background: -o-linear-gradient(top, #f2f4f7 0%,#dde2ea 100%) ;

background: -ms-linear-gradient(top, #f2f4f7 0%,#dde2ea 100%) ;

}

.hangqing .a1{ font-size:45px; color:#e51400;}

.hangqing .a1 img{ padding-left:10px;}

.hangqing .a2{color:#929292; font-size:13px; padding:0 0 30px 0;}

.hangqing .a3 li:nth-child(1){border-top:1px solid #bfc5d5;}

.hangqing .a3 li{color:#002b6c; font-size:14px; border-bottom:1px solid #bfc5d5; height:32px; line-height:32px; text-align:center;}

.hangqing .a3 li a{ font-size:14px; color:#002b6c; font-weight:600;}



.xqjt{ width:195px; background-color:#f7f9fc; padding:20px 0 20px 15px;}

.xqjt .a1{ font-weight:600; font-size:14px; padding-bottom:10px;}

.xqjt li{ background:url(../images/img_tb.png) left center no-repeat; padding:5px 0 5px 15px;}

.xqjt li a{ color:#002b6c; font-size:13px;}



.bg2{ background-color:#b7bcc4; padding:20px 0 50px 0;

background: -moz-linear-gradient(top, #bec4cc 0%, #b2b6be 100%) ;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bec4cc), color-stop(100%,#b2b6be))  ;

background: -webkit-linear-gradient(top, #bec4cc 0%,#b2b6be 100%) ;

background: -o-linear-gradient(top, #bec4cc 0%,#b2b6be 100%) ;

background: -ms-linear-gradient(top, #bec4cc 0%,#b2b6be 100%) ;

}

.indexgs .a1{ margin-right:1px;}

.indexgs .a1 .b1{ width:477px; height:230px; background:url(../images/imgab1.png) center center no-repeat;}

.indexgs .a1 .b1 .c1{ font-size:17px; color:#fff; font-weight:600; text-align:right; padding:20px 20px 10px 0;}

.indexgs .a1 .b1 .c2{ font-size:18px; color:#0e2547;text-align:right; padding:0px 20px 0px 0;text-transform:Uppercase;}

.indexgs .a1 .b2{ width:477px; height:91px; background:url(../images/imgab1_t.jpg) center center no-repeat;}

.indexgs .a1 .b2 .c1{font-size:17px; color:#002b6c; font-weight:600; float:left; margin:34px 0 0 170px;}

.indexgs .a1 .b2 .c2{font-size:18px; color:#fff; float:left;margin:34px 0 0 10px;}

.indexgs .a1 .b2 .c3{float:left;margin:32px 0 0 110px;}



.indexgs .a2{ width:360px; height:321px; background:url(../images/imgab2.jpg) center center no-repeat; margin-right:1px; text-align:center;}

.indexgs .a2 .b1{ font-size:17px;color:#002b6c; font-weight:600; margin:40px 0 10px 0;}

.indexgs .a2 .b2{ font-size:18px;color:#a2a2a2;text-transform:Uppercase; margin:0 0 19px 0;}

.indexgs .a2 .b3 a{ padding:8px 45px; background-color:#e51400; border-radius:5px; color:#fff; font-size:14px; font-weight:bold;}



.indexgs .a3 .b1{ width:360px; height:160px; background:url(../images/imgab3.jpg) center center no-repeat;}

.indexgs .a3 .b1 .c1{font-size:17px; color:#002b6c; font-weight:600; text-align:right; padding:60px 20px 0 0;}

.indexgs .a3 .b1 .c2{font-size:18px; color:#b2b2b2; text-align:right; padding:5px 20px 0 0;text-transform:Uppercase;}

.indexgs .a3 .b2{ width:360px; height:160px; background:url(../images/imgab4.jpg) center center no-repeat; margin-top:1px; text-align:center;}

.indexgs .a3 .b2 .c1{ padding:60px 0 0 0; font-size:17px; color:#fff; font-weight:600;}

.indexgs .a3 .b2 .c2{ padding:5px 0 0 0; font-size:18px; color:#d8af3a; font-weight:600;text-transform:Uppercase;}





@media screen and (min-width: 1200px) {

.footer{ background-color:#002b6c; padding:20px 0; color:#fff;}

.footer a{ color:#bfbfbf; font-size:12px;}

.footer .a1{color:#bfbfbf; font-size:12px; background:url(../images/ftlogo.png) left center no-repeat; line-height:30px; height:30px; padding-left:35px;text-transform:Uppercase; margin-top:10px;}

.footer .a2{text-align:right;}

.footer .a2 .b1{color:#bfbfbf; font-size:12px; background:url(../images/ftjc.png) left center no-repeat; line-height:30px; height:30px; padding-left:25px;}

.footer .a2 .b2{}

.footer .a2 .b2 a{margin-left:10px;}

}

@media screen and (max-width: 1440px) {

.head1 .logo{ margin:15px 0 0 0;}

.headinfo{ margin:15px 0 0 0;}

.head1 a{color:#fff; font-weight:600; font-size:13px;}

.headinfo .a1{ float:left; margin-right:20px; }

.headinfo .a4{ float:left;padding:6px 7px 4px 7px; background-color:#fff;} 

.head2{ width:100%; text-align:center; position:absolute; left:0px; top:35%; font-size:35px; color:#fff; font-weight:600; display:none;}

.headinfo .dh{ text-align:right; padding:10px 0 0 0;}

.banner1920{ display:none;}

.banner1366{ display:block;}



} 

@media screen and (max-width: 1250px) {

.wl{ width:98%; margin:0 auto;}

#headpc{display:none;}

.headwap{ display:block;}

.headwap .logo{ padding:10px 5px;}

.headwap .logo .a2{ margin:10px 5px 0 0 ;}

.fddh{ position:absolute;right:0px; z-index:99999; background-color:#fff; padding:20px 20px 10px 20px; border-radius:5px; top:75px;-moz-box-shadow:2px 10px 15px #8F8F8F; -webkit-box-shadow:2px 10px 15px #8F8F8F; box-shadow:2px 10px 15px #8F8F8F; display:none;}

.fddh li{ height:30px; line-height:30px; border-bottom:1px solid #f1f1f1; text-align:center;}



.indexfenlei{ padding:15px 8px 0 8px; margin:-40px auto 15px auto; border-radius:5px; width:calc(98% - 16px); z-index:999; position:relative; background-color:#fff;-moz-box-shadow: 0px -4px 15px #ccc; /* 老的 Firefox */

box-shadow:0px -8px 20px -5px #000;}

.indexfenlei .a1,.indexfenlei .a2,.indexfenlei .a3,.indexfenlei .a4{ width:calc(50% - 21px); float:left;}

.indexfenlei .a1{background:#b9ecff url(../images/indexfl1.png) 10px center no-repeat;margin-right:2px;text-align:right;padding:15px 20px 15px 0;}

.indexfenlei .a2{background:#81ceff url(../images/indexfl2.png) 10px center no-repeat;margin-right:0px;text-align:right;padding:15px 20px 15px 0;}

.indexfenlei .a3{background:#b9d5ff url(../images/indexfl3.png) 10px center no-repeat;margin-right:2px;text-align:right;padding:15px 20px 15px 0;}

.indexfenlei .a4{background:#ffd4cb url(../images/indexfl4.png) 10px center no-repeat;margin-right:0px;text-align:right;padding:15px 20px 15px 0;}

.indexfenlei .b1{font-size:14px; font-weight:600; padding-top:5px;}

.indexfenlei .b2{ font-size:12px; font-weight:600;text-transform:Uppercase; padding:5px 0  0;}



.index1{ width:98%; margin:0 auto; float:none;}

.index1 .gdnews{ width:100%; }

.index1 .gdnews img{ width:100%;}

.index1 .gdnews .swiper-pagination{ top:160px; text-align:right; padding-right:20px; width:calc(100% - 20px) !important;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ top: 50px; }

.index1 .gdnews .b4{ margin-left:5px;}

.index1 .gdnews .b1{ font-size:16px; color:#12ad74; margin:10px 0 10px 0;padding-left:5px;}

.index1 .gdnews .b2{ padding-bottom:10px;padding-left:5px;}

.index1 .gdnews .b2 a{ font-size:20px; font-weight:600;}

.index1 .gdnews .b3{ font-size:12px; line-height:20px; color:#b4b4b4; margin-bottom:10px; padding-left:5px;}

.index1 .gdnews .b4 a{ background-color:#e51400; padding:6px 20px 6px 20px;display:block; float:left;}

.index1 .gdnews .b4 a img{ }



.index2{ width:96%; margin:20px auto; float:none;}

.index2 .hd{ border-bottom:1px solid #ccc;border-top:1px solid #ccc;}

.index2 .hd li{ display:inline-block; font-size:15px; color:#8d8d8d; font-weight:600; height:35px; line-height:35px; cursor:pointer;}

.index2 .hd li:nth-child(1){ margin-right:20px;}

.index2 .hd li.on{ font-size:17px; color:#000; border-bottom:4px solid #e51400;}

.index2 .bd{ padding-top:6px;}

.index2 .bd li{ height:30px; line-height:30px;font-size:13px; color:#b4b4b4; cursor:pointer;}

.index2 .bd li:hover a{ text-decoration:underline; color:#002b6c;}

.index2 .bd a{ display:block; float:left; font-size:13px; color:#4f4f4f;}

.index2 .bd font{ display:block; float:right;}



.index3{ float:none;}

.hangqing{width:calc(50% - 40px); height:220px; float:left;padding:20px 20px ; margin-bottom:10px;

background: -moz-linear-gradient(top, #f2f4f7 0%, #dde2ea 100%) ;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f4f7), color-stop(100%,#dde2ea))  ;

background: -webkit-linear-gradient(top, #f2f4f7 0%,#dde2ea 100%) ;

background: -o-linear-gradient(top, #f2f4f7 0%,#dde2ea 100%) ;

background: -ms-linear-gradient(top, #f2f4f7 0%,#dde2ea 100%) ;

}

.hangqing .a1{ font-size:45px; color:#e51400; text-align:center;}

.hangqing .a1 img{ padding-left:10px;}

.hangqing .a2{color:#929292; font-size:13px; padding:0 0 15px 0;text-align:center;}

.hangqing .a3 li:nth-child(1){border-top:1px solid #bfc5d5;}

.hangqing .a3 li{color:#002b6c; font-size:14px; border-bottom:1px solid #bfc5d5; height:32px; line-height:32px; text-align:center;}

.hangqing .a3 li a{ font-size:14px; color:#002b6c; font-weight:600;}



.xqjt{ width:calc(50% - 15px);height:220px; background-color:#f7f9fc; padding:20px 0 20px 15px;float:left;}

.xqjt .a1{ font-weight:600; font-size:14px; padding-bottom:10px;}

.xqjt li{ background:url(../images/img_tb.png) left center no-repeat; padding:5px 0 5px 15px;}

.xqjt li a{ color:#002b6c; font-size:13px;}



.bg2{ padding:20px 0; background-color:transparent; margin-top:20px;}

.indexgs .a1{ float:none;}

.indexgs .a1 .b1{ width:100%; height:230px; background:url(../images/imgab1.png) center center no-repeat;}

.indexgs .a1 .b1 .c1{ font-size:17px; color:#fff; font-weight:600; text-align:right; padding:20px 20px 10px 0;}

.indexgs .a1 .b1 .c2{ font-size:18px; color:#0e2547;text-align:right; padding:0px 20px 0px 0;text-transform:Uppercase;}

.indexgs .a1 .b2{ width:100%; height:91px; background:url(../images/imgab1_t.jpg) center center no-repeat;}

.indexgs .a1 .b2 .c1{font-size:17px; color:#002b6c; font-weight:600; float:left; margin:34px 0 0 0; padding-left:20%;}

.indexgs .a1 .b2 .c2{font-size:18px; color:#fff; float:left;margin:34px 0 0 10px;}

.indexgs .a1 .b2 .c3{float:left;margin:32px 0 0 110px;}



.indexgs .a2{ width:100%; height:321px; background:url(../images/imgab2.jpg) center center no-repeat; background-size:cover; text-align:center; float:none; margin-right:0px;}

.indexgs .a2 .b1{ font-size:17px;color:#002b6c; font-weight:600; padding:40px 0 10px 0; margin-top:10px;}

.indexgs .a2 .b2{ font-size:18px;color:#a2a2a2;text-transform:Uppercase; margin:0 0 19px 0;}

.indexgs .a2 .b3 a{ padding:8px 45px; background-color:#e51400; border-radius:5px; color:#fff; font-size:14px; font-weight:bold;}



.indexgs .a3{ width:100%; margin-top:5px;}

.indexgs .a3 .b1{ width:calc(50% - 2px); float:left; height:160px; background:url(../images/imgab3.jpg) center center no-repeat; margin-right:4px;}

.indexgs .a3 .b1 .c1{font-size:17px; color:#002b6c; font-weight:600; text-align:right; padding:60px 20px 0 0;}

.indexgs .a3 .b1 .c2{font-size:18px; color:#b2b2b2; text-align:right; padding:5px 20px 0 0;text-transform:Uppercase;}

.indexgs .a3 .b2{ width:calc(50% - 2px);float:left; height:160px; background:url(../images/imgab4.jpg) center center no-repeat; margin-top:0px; text-align:center;}

.indexgs .a3 .b2 .c1{ padding:60px 0 0 0; font-size:17px; color:#fff; font-weight:600;}

.indexgs .a3 .b2 .c2{ padding:5px 0 0 0; font-size:18px; color:#d8af3a; font-weight:600;text-transform:Uppercase;}



.footer{ background-color:#002b6c; padding:20px 0; color:#fff;}

.footer a{ color:#bfbfbf; font-size:12px;}

.footer .a1{color:#bfbfbf; font-size:12px; text-align:center; float:none;  text-transform:Uppercase; margin-top:10px;}

.footer .a2{text-align:center;float:none;}

.footer .a2 .b1{color:#bfbfbf; font-size:12px; line-height:30px; height:30px;}

.footer .a2 .b2{}

.footer .a2 .b2 a{margin-left:10px;}

} 


#hidden_float{	position:fixed;	top:0;	left:0;	width:100%;	height:100%;	z-index:1000;	display:none;}
#hidden_float .black_bg{	width:100%;	height:100%;	background:#000;	opacity:0.7;	filter:alpha(opacity=70);}
#hidden_float .relative{	height:100%;	width:100%;}
#hidden_float .qr_code{  display: none;	background: #fff;  height: 300px; width: 300px;  overflow: hidden;  position: absolute;  z-index: 1001;  left: 50%; top: 50%;  margin:-150px 0 0 -150px;}
#hidden_float .qr_code p{	height: 45px;  margin: 0;  line-height: 62px;  text-align: center;  font-size: 18px; font-weight: bold; color: #404040;}
#hidden_float .qr_code img{	width:235px;	height:235px;  margin: 0 auto;  display: block;}
#hidden_float .warning{ display: none;  position: absolute;  z-index: 1001;  background: #fff;  width: 320px; height: 200px; top: 50%; left: 50%; margin: -150px 0 0 -110px;  border-radius: 6px;  box-shadow: 0px 0px 16px 1px rgba(254, 62, 0, 0.8);}
#hidden_float .warning .title{ height: 50px;text-align: center; line-height: 50px; font-size: 20px; border-bottom: 1px dashed #d6d2d2; color: #ff0000;}
#hidden_float .open_hidden_float{  font-style: normal;  float: right; width: 22px;  height: 22px;  border: 1px solid #00ebff; line-height: 22px  margin-top: 14px; margin-right: 10px;  color: #00ebff;  border-radius: 36px; font-size: 13px;  cursor: pointer;}
#hidden_float .open_hidden_float:hover{  border-color: #ff5200;  color: #ff5200;}
#hidden_float .warning .warning_text{ padding: 10px;  text-align: center;  font-size: 16px;  height: 128px; line-height: 28px; overflow: hidden;  margin: 0;}